
<template>
<div style="width: 430px;height: 932px;">
  <van-steps :active="active" active-icon="success" active-color="#38f" direction="vertical">
    <van-step>预约成功</van-step>
    <van-step>现场订单确认</van-step>
    <van-step>维修中...请耐心等待</van-step>
    <van-step>订单已完成</van-step>
    <van-step>确认付款</van-step>
  </van-steps>
  <van-form v-model="reserList">
    <p>预约内容：{{reserList.yynr}}</p>
    <p>预约时间：{{reserList.yytime}}</p>
    <p>预约地点：{{reserList.yydd}}</p>
    <p>预约描述：{{reserList.ddms}}</p>
    <p>联系电话：+864008208820</p>
  </van-form>
</div>
</template>

<script>
import axios from "axios";

export default {
  data() {
    return {
      active: 0,
      reserId: localStorage.getItem("reserId"),
      reserList:{},
    }
  },
  methods: {
    findreserById(){
      axios.post("/reservation/findreserById?id="+this.reserId).then(res=>{
        this.reserList = res.data.data.reservation;
        this.active = res.data.data.reservation.status;
      })
    }
  },
  created() {
    this.findreserById();
  }
}
</script>


<style scoped>

</style>
